<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>字体属性</title>

    <style>
      p{
        color: blue;
        font-size: 30px;
        text-align: center;
        line-height: 100px;
        /*
          border：边框
         */
        border: 1px solid red;
      }

      div{
        border: 1px solid red;
        /*
        尺寸
         */
        height: 200px;
        width: 200px;
        /*
        背景
         */
        background: url("../html/image/10.jpg") no-repeat center;
      }
    </style>

</head>
<body>
    <p>守护者系列</p>
    <div>青草柳树</div>
</body>
</html>